﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <link rel="icon" href="assets/images/favicon.png" sizes="32x32" type="image/png">
    <title>SeoEs &#8211; SEO &amp; Marketing Agency HTML5 Template</title>

    <link rel="stylesheet" href="assets/css/all.min.css">
    <link rel="stylesheet" href="assets/css/flaticon.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/aos.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">
    <link rel="stylesheet" href="assets/css/perfect-scrollbar.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/style.css">
    <link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>
<main>
    <header class="style1 w-100">
        <div class="topbar bg-color4 w-100">
            <div class="container">
                <div class="topbar-inner d-flex flex-wrap align-items-center justify-content-between w-100">
                    <ul class="top-info-links d-inline-flex flex-wrap align-items-center list-unstyled mb-0">
                        <li><i class="flaticon-telephone-auricular-with-cable"></i><a href="tel:(305) 222-3333" title="">+(305) 222-3333</a></li>
                        <li><i class="flaticon-email"></i><a href="mailto:info@example.com" title="">info@example.com</a></li>
                    </ul>
                    <div class="social-cart d-inline-flex flex-wrap align-items-center">
                        <div class="social-links d-inline-flex flex-wrap">
                            <a href="https://www.facebook.com/" title="Facebook" target="_blank"><i class="flaticon-facebook"></i></a>
                            <a href="https://twitter.com/" title="Twitter" target="_blank"><i class="flaticon-twitter-letter-logo"></i></a>
                            <a href="https://youtube.com/" title="Youtube" target="_blank"><i class="flaticon-youtube"></i></a>
                            <a href="https://linkedin.com/" title="Linkedin" target="_blank"><i class="flaticon-linkedin"></i></a>
                        </div>
                        <div class="header-cart-box position-relative d-inline-block">
                            <a class="cart-btn position-relative" href="javascript:void(0);" title="View your shopping cart"><i class="flaticon-shopping-cart-silhouette"></i><span class="position-absolute rounded-circle bg-color3">3</span></a>
                            <div class="minicart-dropdown">
                                <ul class="mb-0 list-unstyled w-100">
                                    <li>
                                        <div class="minicart-item d-flex flex-wrap w-100">
                                            <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img1.jpg" alt="Cart Image 1"></a>
                                            <div class="minicart-info">
                                                <h6 class="mb-0"><a href="shop-detail.html" title="">Made Simple Art</a></h6>
                                                <span class="price">$254.00</span>
                                                <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="minicart-item d-flex flex-wrap w-100">
                                            <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img2.jpg" alt="Cart Image 2"></a>
                                            <div class="minicart-info">
                                                <h6 class="mb-0"><a href="shop-detail.html" title="">Seo Fitness Workbook</a></h6>
                                                <span class="price">$231.00</span>
                                                <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                            </div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="minicart-item d-flex flex-wrap w-100">
                                            <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img3.jpg" alt="Cart Image 3"></a>
                                            <div class="minicart-info">
                                                <h6 class="mb-0"><a href="shop-detail.html" title="">SEO Help</a></h6>
                                                <span class="price">$240.00</span>
                                                <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                                <div class="d-block btns-total w-100">
                                    <span>Subtotal: <span class="price">$725.00</span></span>
                                    <div class="btns-wrap d-flex flex-wrap w-100">
                                        <a class="thm-btn sml-btn d-inline-block rounded-pill" href="cart.html" title="">View Cart</a>
                                        <a class="thm-btn sml-btn brd-btn d-inline-block rounded-pill" href="checkout.html" title="">Checkout</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- Topbar -->
        <div class="menubar w-100">
            <div class="container">
                <div class="menubar-inner d-flex flex-wrap align-items-center justify-content-between w-100">
                    <div class="logo"><h1 class="mb-0"><a href="index.html" title="Home"><img width="185" src="assets/images/logo@2x.png" alt="Logo"></a></h1></div><!-- Logo -->
                    <nav>
                        <ul class="d-inline-flex flex-wrap align-items-center mb-0 list-unstyled">
                            <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Home</a>
                                <ul class="children mb-0 list-unstyled">
                                    <li><a href="index.html" title="">SEO Agency</a></li>
                                    <li><a href="index2.html" title="">Marketing Agency</a></li>
                                    <li><a href="index3.html" title="">SEO Consultant</a></li>
                                    <li><a href="index4.html" title="">StartUp Agency</a></li>
                                    <li><a href="index5.html" title="">App Landing</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Pages</a>
                                <ul class="children mb-0 list-unstyled">
                                    <li><a href="seo-services.html" title="">SEO Services</a></li>
                                    <li><a href="ppm-services.html" title="">PPM Services</a></li>
                                    <li><a href="digital-marketing.html" title="">Digital Marketing</a></li>
                                    <li><a href="about.html" title="">About Us</a></li>
                                    <li><a href="our-story.html" title="">Our Story</a></li>
                                    <li><a href="team.html" title="">Our Team</a></li>
                                    <li><a href="content-elements.html" title="">Content Elements</a></li>
                                    <li><a href="pricing-table.html" title="">Pricing Tables</a></li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio</a>
                                <ul class="children mb-0 list-unstyled">
                                    <li><a href="portfolio-masonry.html" title="">Masonry</a></li>
                                    <li><a href="portfolio-masonry-filters.html" title="">With Filter</a></li>
                                    <li><a href="portfolio-3column-full-width.html" title="">Full Width</a></li>
                                    <li><a href="portfolio-2column.html" title="">Two Columns</a></li>
                                    <li><a href="portfolio-4column-full-width.html" title="">Four Columns</a></li>
                                    <li><a href="gallery.html" title="">Gallery</a></li>
                                    <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio Singles</a>
                                        <ul class="children mb-0 list-unstyled">
                                            <li><a href="data-analysis.html" title="">Small Images</a></li>
                                            <li><a href="content-audit.html" title="">Big Images</a></li>
                                            <li><a href="new-strategies.html" title="">Slider</a></li>
                                            <li><a href="creative-campaigns.html" title="">Two Cols Gallery</a></li>
                                            <li><a href="market-intelligence.html" title="">Three Cols Gallery</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Blog</a>
                                <div class="megamenu center">
                                    <div class="row mrg40">
                                        <div class="col-md-4 col-sm-6 col-lg-4">
                                            <h4>Blog</h4>
                                            <ul class="mb-0 list-unstyled">
                                                <li><a href="blog-checkerboard.html" title="">Checkerboard</a></li>
                                                <li><a href="blog-masonry.html" title="">Masonry</a></li>
                                                <li><a href="blog-2column.html" title="">Two Columns</a></li>
                                                <li><a href="blog-3column.html" title="">Three Columns</a></li>
                                                <li><a href="blog-3column-full-width.html" title="">Three Columns Full Width</a></li>
                                                <li><a href="blog-4column-full-width.html" title="">Four Columns Full Width</a></li>
                                            </ul>
                                        </div>
                                        <div class="col-md-4 col-sm-6 col-lg-4">
                                            <h4>Standard</h4>
                                            <ul class="mb-0 list-unstyled">
                                                <li><a href="blog-checkerboard.html" title="">List View</a></li>
                                                <li><a href="blog-checkerboard.html" title="">Medium Images</a></li>
                                                <li><a href="blog-checkerboard.html" title="">Without Sidebar</a></li>
                                                <li><a href="blog-left-sidebar.html" title="">Left Sidebar</a></li>
                                                <li><a href="blog-right-sidebar.html" title="">Right Sidebar</a></li>
                                            </ul>
                                        </div>
                                        <div class="col-md-4 col-sm-6 col-lg-4">
                                            <h4>Post Types</h4>
                                            <ul class="mb-0 list-unstyled">
                                                <li><a href="blog-detail-gallery.html" title="">Gallery</a></li>
                                                <li><a href="blog-detail-audio.html" title="">Audio</a></li>
                                                <li><a href="blog-detail-link.html" title="">Link</a></li>
                                                <li><a href="blog-detail-quote.html" title="">Quote</a></li>
                                                <li><a href="blog-detail.html" title="">Image</a></li>
                                                <li><a href="blog-detail-video.html" title="">Video</a></li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Shop</a>
                                <ul class="children mb-0 list-unstyled">
                                    <li><a href="shop.html" title="">Shop</a></li>
                                    <li><a href="shop-detail.html" title="">Shop Detail</a></li>
                                    <li><a href="cart.html" title="">Cart</a></li>
                                    <li><a href="checkout.html" title="">Checkout</a></li>
                                    <li><a href="shop-shortcodes.html" title="">Shortcodes</a></li>
                                </ul>
                            </li>
                            <li><a href="contact.html" title="">Contacts</a></li>
                        </ul>
                    </nav>
                    <div class="header-btns d-inline-flex flex-wrap align-items-center">
                        <a class="search-btn d-inline-block" href="javascript:void(0);" title=""><i class="flaticon-magnifying-glass"></i></a>
                        <a class="thm-btn brd-btn rounded-pill d-inline-block" href="contact.html" title="">Get a Quote</a>
                    </div>
                </div>
            </div>
        </div><!-- Menubar -->
    </header><!-- Header -->
    <div class="sticky-header style1 w-100">
        <div class="container">
            <div class="menubar-inner d-flex flex-wrap align-items-center justify-content-between w-100">
                <div class="logo"><h1 class="mb-0"><a href="index.html" title="Home"><img width="185" src="assets/images/logo@2x.png" alt="Logo"></a></h1></div><!-- Logo -->
                <nav>
                    <ul class="d-inline-flex flex-wrap align-items-center mb-0 list-unstyled">
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Home</a>
                            <ul class="children mb-0 list-unstyled">
                                <li><a href="index.html" title="">SEO Agency</a></li>
                                <li><a href="index2.html" title="">Marketing Agency</a></li>
                                <li><a href="index3.html" title="">SEO Consultant</a></li>
                                <li><a href="index4.html" title="">StartUp Agency</a></li>
                                <li><a href="index5.html" title="">App Landing</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Pages</a>
                            <ul class="children mb-0 list-unstyled">
                                <li><a href="seo-services.html" title="">SEO Services</a></li>
                                <li><a href="ppm-services.html" title="">PPM Services</a></li>
                                <li><a href="digital-marketing.html" title="">Digital Marketing</a></li>
                                <li><a href="about.html" title="">About Us</a></li>
                                <li><a href="our-story.html" title="">Our Story</a></li>
                                <li><a href="team.html" title="">Our Team</a></li>
                                <li><a href="content-elements.html" title="">Content Elements</a></li>
                                <li><a href="pricing-table.html" title="">Pricing Tables</a></li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio</a>
                            <ul class="children mb-0 list-unstyled">
                                <li><a href="portfolio-masonry.html" title="">Masonry</a></li>
                                <li><a href="portfolio-masonry-filters.html" title="">With Filter</a></li>
                                <li><a href="portfolio-3column-full-width.html" title="">Full Width</a></li>
                                <li><a href="portfolio-2column.html" title="">Two Columns</a></li>
                                <li><a href="portfolio-4column-full-width.html" title="">Four Columns</a></li>
                                <li><a href="gallery.html" title="">Gallery</a></li>
                                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio Singles</a>
                                    <ul class="children mb-0 list-unstyled">
                                        <li><a href="data-analysis.html" title="">Small Images</a></li>
                                        <li><a href="content-audit.html" title="">Big Images</a></li>
                                        <li><a href="new-strategies.html" title="">Slider</a></li>
                                        <li><a href="creative-campaigns.html" title="">Two Cols Gallery</a></li>
                                        <li><a href="market-intelligence.html" title="">Three Cols Gallery</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </li>
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Blog</a>
                            <div class="megamenu center">
                                <div class="row mrg40">
                                    <div class="col-md-4 col-sm-6 col-lg-4">
                                        <h4>Blog</h4>
                                        <ul class="mb-0 list-unstyled">
                                            <li><a href="blog-checkerboard.html" title="">Checkerboard</a></li>
                                            <li><a href="blog-masonry.html" title="">Masonry</a></li>
                                            <li><a href="blog-2column.html" title="">Two Columns</a></li>
                                            <li><a href="blog-3column.html" title="">Three Columns</a></li>
                                            <li><a href="blog-3column-full-width.html" title="">Three Columns Full Width</a></li>
                                            <li><a href="blog-4column-full-width.html" title="">Four Columns Full Width</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-lg-4">
                                        <h4>Standard</h4>
                                        <ul class="mb-0 list-unstyled">
                                            <li><a href="blog-checkerboard.html" title="">List View</a></li>
                                            <li><a href="blog-checkerboard.html" title="">Medium Images</a></li>
                                            <li><a href="blog-checkerboard.html" title="">Without Sidebar</a></li>
                                            <li><a href="blog-left-sidebar.html" title="">Left Sidebar</a></li>
                                            <li><a href="blog-right-sidebar.html" title="">Right Sidebar</a></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-4 col-sm-6 col-lg-4">
                                        <h4>Post Types</h4>
                                        <ul class="mb-0 list-unstyled">
                                            <li><a href="blog-detail-gallery.html" title="">Gallery</a></li>
                                            <li><a href="blog-detail-audio.html" title="">Audio</a></li>
                                            <li><a href="blog-detail-link.html" title="">Link</a></li>
                                            <li><a href="blog-detail-quote.html" title="">Quote</a></li>
                                            <li><a href="blog-detail.html" title="">Image</a></li>
                                            <li><a href="blog-detail-video.html" title="">Video</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Shop</a>
                            <ul class="children mb-0 list-unstyled">
                                <li><a href="shop.html" title="">Shop</a></li>
                                <li><a href="shop-detail.html" title="">Shop Detail</a></li>
                                <li><a href="cart.html" title="">Cart</a></li>
                                <li><a href="checkout.html" title="">Checkout</a></li>
                                <li><a href="shop-shortcodes.html" title="">Shortcodes</a></li>
                            </ul>
                        </li>
                        <li><a href="contact.html" title="">Contacts</a></li>
                    </ul>
                </nav>
                <div class="header-btns d-inline-flex flex-wrap align-items-center">
                    <a class="search-btn d-inline-block" href="javascript:void(0);" title=""><i class="flaticon-magnifying-glass"></i></a>
                    <a class="thm-btn brd-btn rounded-pill d-inline-block" href="contact.html" title="">Get a Quote</a>
                </div>
            </div>
        </div>
    </div><!-- Sticky Header -->
    <div class="header-search d-flex flex-wrap justify-content-center align-items-center w-100">
        <span class="search-close-btn"><i class="flaticon-delete"></i></span>
        <form>
            <input type="text" placeholder="Search">
        </form>
    </div><!-- Header Search -->
    <div class="responsive-header position-relative w-100">
        <div class="responsive-topbar w-100">
            <div class="container d-flex flex-wrap align-items-center justify-content-between">
                <div class="logo"><h1 class="mb-0"><a href="index.html" title="Home"><img class="img-fluid" src="assets/images/logo@2x.png" alt="Logo"></a></h1></div><!-- Logo -->
                <div class="header-btns d-inline-flex flex-wrap align-items-center">
                    <a class="res-menu-btn d-inline-block" href="javascript:void(0);" title=""><i class="fas fa-align-justify"></i></a>
                    <a class="search-btn d-inline-block" href="javascript:void(0);" title=""><i class="flaticon-magnifying-glass"></i></a>
                    <div class="header-cart-box position-relative d-inline-block">
                        <a class="cart-btn position-relative" href="javascript:void(0);" title="View your shopping cart"><i class="flaticon-shopping-cart-silhouette"></i><span class="position-absolute rounded-circle bg-color3">3</span></a>
                        <div class="minicart-dropdown">
                            <ul class="mb-0 list-unstyled w-100">
                                <li>
                                    <div class="minicart-item d-flex flex-wrap w-100">
                                        <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img1.jpg" alt="Cart Image 1"></a>
                                        <div class="minicart-info">
                                            <h6 class="mb-0"><a href="shop-detail.html" title="">Made Simple Art</a></h6>
                                            <span class="price">$254.00</span>
                                            <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="minicart-item d-flex flex-wrap w-100">
                                        <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img2.jpg" alt="Cart Image 2"></a>
                                        <div class="minicart-info">
                                            <h6 class="mb-0"><a href="shop-detail.html" title="">Seo Fitness Workbook</a></h6>
                                            <span class="price">$231.00</span>
                                            <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="minicart-item d-flex flex-wrap w-100">
                                        <a href="shop-detail.html" title=""><img class="img-fluid" src="assets/images/resources/shop-img3.jpg" alt="Cart Image 3"></a>
                                        <div class="minicart-info">
                                            <h6 class="mb-0"><a href="shop-detail.html" title="">SEO Help</a></h6>
                                            <span class="price">$240.00</span>
                                            <a class="remove-cart" href="javascript:void(0);" title=""><i class="flaticon-delete"></i></a>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <div class="d-block btns-total w-100">
                                <span>Subtotal: <span class="price">$725.00</span></span>
                                <div class="btns-wrap d-flex flex-wrap w-100">
                                    <a class="thm-btn sml-btn d-inline-block rounded-pill" href="cart.html" title="">View Cart</a>
                                    <a class="thm-btn sml-btn brd-btn d-inline-block rounded-pill" href="checkout.html" title="">Checkout</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div><!-- Responsive Topbar -->
        <div class="responsive-menu w-100">
            <div class="logo"><h1 class="mb-0"><a href="index.html" title="Home"><img class="img-fluid" src="assets/images/logo@2x.png" alt="Logo"></a></h1></div><!-- Logo -->
            <ul class="mb-0 list-unstyled w-100">
                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Home</a>
                    <ul class="children mb-0 list-unstyled">
                        <li><a href="index.html" title="">SEO Agency</a></li>
                        <li><a href="index2.html" title="">Marketing Agency</a></li>
                        <li><a href="index3.html" title="">SEO Consultant</a></li>
                        <li><a href="index4.html" title="">StartUp Agency</a></li>
                        <li><a href="index5.html" title="">App Landing</a></li>
                    </ul>
                </li>
                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Pages</a>
                    <ul class="children mb-0 list-unstyled">
                        <li><a href="seo-services.html" title="">SEO Services</a></li>
                        <li><a href="ppm-services.html" title="">PPM Services</a></li>
                        <li><a href="digital-marketing.html" title="">Digital Marketing</a></li>
                        <li><a href="about.html" title="">About Us</a></li>
                        <li><a href="our-story.html" title="">Our Story</a></li>
                        <li><a href="team.html" title="">Our Team</a></li>
                        <li><a href="content-elements.html" title="">Content Elements</a></li>
                        <li><a href="pricing-table.html" title="">Pricing Tables</a></li>
                    </ul>
                </li>
                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio</a>
                    <ul class="children mb-0 list-unstyled">
                        <li><a href="portfolio-masonry.html" title="">Masonry</a></li>
                        <li><a href="portfolio-masonry-filters.html" title="">With Filter</a></li>
                        <li><a href="portfolio-3column-full-width.html" title="">Full Width</a></li>
                        <li><a href="portfolio-2column.html" title="">Two Columns</a></li>
                        <li><a href="portfolio-4column-full-width.html" title="">Four Columns</a></li>
                        <li><a href="gallery.html" title="">Gallery</a></li>
                        <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Portfolio Singles</a>
                            <ul class="children mb-0 list-unstyled">
                                <li><a href="data-analysis.html" title="">Small Images</a></li>
                                <li><a href="content-audit.html" title="">Big Images</a></li>
                                <li><a href="new-strategies.html" title="">Slider</a></li>
                                <li><a href="creative-campaigns.html" title="">Two Cols Gallery</a></li>
                                <li><a href="market-intelligence.html" title="">Three Cols Gallery</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Blog</a>
                    <ul class="children mb-0 list-unstyled">
                        <li><a href="blog-checkerboard.html" title="">Checkerboard</a></li>
                        <li><a href="blog-masonry.html" title="">Masonry</a></li>
                        <li><a href="blog-2column.html" title="">Two Columns</a></li>
                        <li><a href="blog-3column.html" title="">Three Columns</a></li>
                        <li><a href="blog-3column-full-width.html" title="">Three Columns Full Width</a></li>
                        <li><a href="blog-4column-full-width.html" title="">Four Columns Full Width</a></li>
                        <li><a href="blog-checkerboard.html" title="">List View</a></li>
                        <li><a href="blog-checkerboard.html" title="">Medium Images</a></li>
                        <li><a href="blog-checkerboard.html" title="">Without Sidebar</a></li>
                        <li><a href="blog-left-sidebar.html" title="">Left Sidebar</a></li>
                        <li><a href="blog-right-sidebar.html" title="">Right Sidebar</a></li>
                        <li><a href="blog-detail-gallery.html" title="">Gallery</a></li>
                        <li><a href="blog-detail-audio.html" title="">Audio</a></li>
                        <li><a href="blog-detail-link.html" title="">Link</a></li>
                        <li><a href="blog-detail-quote.html" title="">Quote</a></li>
                        <li><a href="blog-detail.html" title="">Image</a></li>
                        <li><a href="blog-detail-video.html" title="">Video</a></li>
                    </ul>
                </li>
                <li class="menu-item-has-children"><a href="javascript:void(0);" title="">Shop</a>
                    <ul class="children mb-0 list-unstyled">
                        <li><a href="shop.html" title="">Shop</a></li>
                        <li><a href="shop-detail.html" title="">Shop Detail</a></li>
                        <li><a href="cart.html" title="">Cart</a></li>
                        <li><a href="checkout.html" title="">Checkout</a></li>
                        <li><a href="shop-shortcodes.html" title="">Shortcodes</a></li>
                    </ul>
                </li>
                <li><a href="contact.html" title="">Contacts</a></li>
            </ul>
        </div><!-- Responsive Menu -->
    </div><!-- Responsive Header -->
    <section>
        <div class="w-100 position-relative">
            <div class="pg-title-wrap pt-190 pb-80 position-relative w-100 mouse_anim scroll_anim">
                <img data-depth="0.80" class="pg-ttl-shp-img img-fluid position-absolute" src="assets/images/ttl-bg-shp.png" alt="Title Background Shape" height="329" width="1920">
                <div class="container">
                    <div class="pg-title-inner text-center position-relative w-100">
                        <h1>Content Elements <i class="btm-ln v2 bg-color9"></i></h1>
                        <ol class="breadcrumb d-inline-flex justify-content-center align-items-center flex-wrap">
                            <li class="breadcrumb-item"><a href="index.html" title="Home">Home</a></li>
                            <li class="breadcrumb-item active">Content Elements</li>
                        </ol>
                    </div>
                </div>
            </div><!-- Page Title Wrap -->
        </div>
    </section>
    <section>
        <div class="w-100 pt-120 position-relative">
            <div class="container">
                <div class="content-wrap position-relative w-100">
                    <h1>Heading 1</h1>
                    <p>Nullam sodales ullamcorper odio sed efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam aliquam velit nisi, vitae porttitor est finibus in. Cras mollis tincidunt purus, ut pretium turpis eleifend eu. Vivamus consequat mi sagittis, bibendum nulla et, fermentum eros. Sed blandit odio a nibh porttitor aliquet.</p>
                    <h2>Heading 2</h2>
                    <p>Nullam sodales ullamcorper odio sed efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam aliquam velit nisi, vitae porttitor est finibus in. Cras mollis tincidunt purus, ut pretium turpis eleifend eu. Vivamus consequat mi sagittis, bibendum nulla et, fermentum eros. Sed blandit odio a nibh porttitor aliquet.</p>
                    <h3>Heading 3</h3>
                    <p>Nullam sodales ullamcorper odio sed efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam aliquam velit nisi, vitae porttitor est finibus in. Cras mollis tincidunt purus, ut pretium turpis eleifend eu. Vivamus consequat mi sagittis, bibendum nulla et, fermentum eros. Sed blandit odio a nibh porttitor aliquet.</p>
                    <h4>Heading 4</h4>
                    <p>Nullam sodales ullamcorper odio sed efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam aliquam velit nisi, vitae porttitor est finibus in. Cras mollis tincidunt purus, ut pretium turpis eleifend eu. Vivamus consequat mi sagittis, bibendum nulla et, fermentum eros. Sed blandit odio a nibh porttitor aliquet.</p>
                    <h5>Heading 5</h5>
                    <p>Nullam sodales ullamcorper odio sed efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam aliquam velit nisi, vitae porttitor est finibus in. Cras mollis tincidunt purus, ut pretium turpis eleifend eu. Vivamus consequat mi sagittis, bibendum nulla et, fermentum eros. Sed blandit odio a nibh porttitor aliquet.</p>
                    <h6>Heading 6</h6>
                    <p>Nullam sodales ullamcorper odio sed efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam aliquam velit nisi, vitae porttitor est finibus in. Cras mollis tincidunt purus, ut pretium turpis eleifend eu. Vivamus consequat mi sagittis, bibendum nulla et, fermentum eros. Sed blandit odio a nibh porttitor aliquet.</p>
                </div><!-- Content Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 pt-70 position-relative">
            <div class="container">
                <div class="devider bg-color25 mt-0 mb-60 w-100"></div>
                <div class="content-wrap position-relative w-100">
                    <h1>Dividers</h1>
                    <p>Nullam sodales ullamcorper odio sed efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam aliquam velit nisi, vitae porttitor est finibus in. Cras mollis tincidunt purus, ut pretium turpis eleifend eu. Vivamus consequat mi sagittis, bibendum nulla et, fermentum eros. Sed blandit odio a nibh porttitor aliquet. Morbi efficitur mollis pretium. Sed et tortor dui.</p>
                    <div class="devider bg-color9 mt-40 mb-40 position-relative w-100"></div>
                    <p>Nullam sodales ullamcorper odio sed efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam aliquam velit nisi, vitae porttitor est finibus in. Cras mollis tincidunt purus, ut pretium turpis eleifend eu. Vivamus consequat mi sagittis, bibendum nulla et, fermentum eros. Sed blandit odio a nibh porttitor aliquet. Morbi efficitur mollis pretium. Sed et tortor dui.</p>
                    <div class="devider bg-color25 mt-40 mb-40 position-relative text-center w-100"><i class="btm-ln v2 bg-color9"></i></div>
                    <p>Nullam sodales ullamcorper odio sed efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam aliquam velit nisi, vitae porttitor est finibus in. Cras mollis tincidunt purus, ut pretium turpis eleifend eu. Vivamus consequat mi sagittis, bibendum nulla et, fermentum eros. Sed blandit odio a nibh porttitor aliquet. Morbi efficitur mollis pretium. Sed et tortor dui.</p>
                    <div class="devider mt-40 mb-40 position-relative text-center w-100"><i class="btm-ln bg-color16"></i></div>
                    <p>Nullam sodales ullamcorper odio sed efficitur. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam aliquam velit nisi, vitae porttitor est finibus in. Cras mollis tincidunt purus, ut pretium turpis eleifend eu. Vivamus consequat mi sagittis, bibendum nulla et, fermentum eros. Sed blandit odio a nibh porttitor aliquet. Morbi efficitur mollis pretium. Sed et tortor dui.</p>
                    <div class="devider v2 mt-40 position-relative w-100"></div>
                </div><!-- Content Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 pt-65 position-relative">
            <div class="container">
                <div class="content-wrap position-relative w-100">
                    <h1>Lists</h1>
                    <div class="content-inner res-row position-relative w-100">
                        <div class="row">
                            <div class="col-md-6 col-sm-6 col-lg-4">
                                <ul class="list-unstyled mb-30 liststyle1 schm-3 w-100">
                                    <li>Nullam sodales ullamcorper odio sed</li>
                                    <li>Orci varius natoque penatibus et magnis</li>
                                    <li>Parturient montes, nascetur ridiculus</li>
                                </ul>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-4">
                                <ul class="list-unstyled mb-30 liststyle2 schm-3 w-100">
                                    <li>Nullam sodales ullamcorper odio sed</li>
                                    <li>Orci varius natoque penatibus et magnis</li>
                                    <li>Parturient montes, nascetur ridiculus</li>
                                </ul>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-4">
                                <ul class="list-unstyled mb-30 liststyle3 schm-3 w-100">
                                    <li>Nullam sodales ullamcorper odio sed</li>
                                    <li>Orci varius natoque penatibus et magnis</li>
                                    <li>Parturient montes, nascetur ridiculus</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div><!-- Content Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 position-relative">
            <div class="container">
                <div class="devider bg-color25 mt-10 mb-60 w-100"></div>
                <div class="content-wrap position-relative w-100">
                    <h1>Info Boxes</h1>
                    <div class="content-inner w-100">
                        <div class="row mrg30">
                            <div class="col-md-6 col-sm-12 col-lg-6">
                                <div class="alert alertstyle1 mb-30 alert-dismissible d-flex align-items-center flex-wrap fade show brd-rd15">
                                    <i class="flaticon-info-1"></i>
                                    <div class="alert-inner-info">
                                        <h4 class="alert-heading mb-0">Information Box</h4>
                                        <p class="mb-0">Vestibulum sodales pellentesque nibh quis imperdiet</p>
                                    </div>
                                    <button type="button" class="close rounded-circle" data-dismiss="alert" aria-label="Close"><i class="flaticon-delete"></i></button>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12 col-lg-6">
                                <div class="alert alertstyle2 mb-30 alert-dismissible d-flex align-items-center flex-wrap fade show brd-rd15">
                                    <i class="flaticon-check-mark-black-outline"></i>
                                    <div class="alert-inner-info">
                                        <h4 class="alert-heading mb-0">Success Message</h4>
                                        <p class="mb-0">Vestibulum sodales pellentesque nibh quis imperdiet</p>
                                    </div>
                                    <button type="button" class="close rounded-circle" data-dismiss="alert" aria-label="Close"><i class="flaticon-delete"></i></button>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12 col-lg-6">
                                <div class="alert alertstyle3 mb-30 alert-dismissible d-flex align-items-center flex-wrap fade show brd-rd15">
                                    <i class="flaticon-delete"></i>
                                    <div class="alert-inner-info">
                                        <h4 class="alert-heading mb-0">Error Message</h4>
                                        <p class="mb-0">Vestibulum sodales pellentesque nibh quis imperdiet</p>
                                    </div>
                                    <button type="button" class="close rounded-circle" data-dismiss="alert" aria-label="Close"><i class="flaticon-delete"></i></button>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12 col-lg-6">
                                <div class="alert alertstyle4 mb-30 alert-dismissible d-flex align-items-center flex-wrap fade show brd-rd15">
                                    <i class="flaticon-alert"></i>
                                    <div class="alert-inner-info">
                                        <h4 class="alert-heading mb-0">Warning Message</h4>
                                        <p class="mb-0">Vestibulum sodales pellentesque nibh quis imperdiet</p>
                                    </div>
                                    <button type="button" class="close rounded-circle" data-dismiss="alert" aria-label="Close"><i class="flaticon-delete"></i></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Content Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 position-relative">
            <div class="container">
                <div class="devider bg-color25 mt-40 mb-70 w-100"></div>
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-lg-6">
                        <div class="content-wrap mb-40 position-relative w-100">
                            <h1>Toggles</h1>
                            <div class="toggle w-100" id="toggle2">
                                <div class="toggle-item v2 position-relative w-100">
                                    <h4 class="mb-0 position-relative"><i></i>Suspendisse id ex vitae tortor molestie efficitur</h4>
                                    <div class="toggle-content w-100">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                    </div>
                                </div>
                                <div class="toggle-item v2 position-relative w-100">
                                    <h4 class="mb-0 position-relative"><i></i>Donec vel varius urna, id semper ligula</h4>
                                    <div class="toggle-content w-100">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                    </div>
                                </div>
                                <div class="toggle-item v2 position-relative w-100">
                                    <h4 class="mb-0 position-relative"><i></i>Aenean eros tortor, dictum sapien sit amet</h4>
                                    <div class="toggle-content w-100">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                    </div>
                                </div>
                                <div class="toggle-item v2 position-relative w-100">
                                    <h4 class="mb-0 position-relative"><i></i>Donec porttitor odio suscipit velit eleifend</h4>
                                    <div class="toggle-content w-100">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                    </div>
                                </div>
                            </div>
                        </div><!-- Content Wrap -->
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-6">
                        <div class="content-wrap mb-40 position-relative w-100">
                            <h1>Accordions</h1>
                            <div class="toggle w-100" id="toggle">
                                <div class="toggle-item position-relative w-100">
                                    <h4 class="mb-0 position-relative"><i></i>Suspendisse id ex vitae tortor molestie efficitur</h4>
                                    <div class="toggle-content w-100">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                    </div>
                                </div>
                                <div class="toggle-item position-relative w-100">
                                    <h4 class="mb-0 position-relative"><i></i>Donec vel varius urna, id semper ligula</h4>
                                    <div class="toggle-content w-100">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                    </div>
                                </div>
                                <div class="toggle-item position-relative w-100">
                                    <h4 class="mb-0 position-relative"><i></i>Aenean eros tortor, dictum sapien sit amet</h4>
                                    <div class="toggle-content w-100">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                    </div>
                                </div>
                                <div class="toggle-item position-relative w-100">
                                    <h4 class="mb-0 position-relative"><i></i>Donec porttitor odio suscipit velit eleifend</h4>
                                    <div class="toggle-content w-100">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                    </div>
                                </div>
                            </div>
                        </div><!-- Content Wrap -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 position-relative">
            <div class="container">
                <div class="devider bg-color25 mt-40 mb-70 w-100"></div>
                <div class="row">
                    <div class="col-md-12 col-sm-12 col-lg-6">
                        <div class="content-wrap mb-40 position-relative w-100">
                            <h1>Tabs</h1>
                            <div class="tabs-wrap w-100">
                                <ul class="nav nav-pills">
                                    <li class="nav-item"><button class="nav-link active" data-bs-toggle="pill" data-bs-target="#tb-1" type="button">Tab 1</button></li>
                                    <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#tb-2" type="button">Tab 2</button></li>
                                    <li class="nav-item"><button class="nav-link" data-bs-toggle="pill" data-bs-target="#tb-3" type="button">Tab 3</button></li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane fade show active" id="tb-1">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                        <p class="mb-0">Morbi vehicula accumsan diam ac commodo. In commodo lorem et metus elementum faucibus. Vestibulum commodo consectetur faucibus, sed rhoncus augue finibus nec.</p>
                                    </div>
                                    <div class="tab-pane fade" id="tb-2">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                        <p class="mb-0">Morbi vehicula accumsan diam ac commodo. In commodo lorem et metus elementum faucibus. Vestibulum commodo consectetur faucibus, sed rhoncus augue finibus nec.</p>
                                    </div>
                                    <div class="tab-pane fade" id="tb-3">
                                        <p class="mb-0">Maecenas nulla enim, sodales vel mattis a, laoreet quis tellus. Nam pretium diam nisl, sed rhoncus augue finibus nec. Morbi sollicitudin finibus ligula, in interdum metus sagittis sit amet.</p>
                                        <p class="mb-0">Morbi vehicula accumsan diam ac commodo. In commodo lorem et metus elementum faucibus. Vestibulum commodo consectetur faucibus, sed rhoncus augue finibus nec.</p>
                                    </div>
                                </div>
                            </div>
                        </div><!-- Content Wrap -->
                    </div>
                    <div class="col-md-12 col-sm-12 col-lg-6">
                        <div class="content-wrap mb-40 position-relative w-100">
                            <h1>Progress bar</h1>
                            <div class="brs-wrap w-100">
                                <div class="bar-box w-100">
                                    <span>Marketing</span>
                                    <div class="progress rounded-pill position-relative w-100"><div class="progress-bar grad-bg5 rounded-pill w-60 position-relative"><span class="position-absolute text-color17">60%</span></div></div>
                                </div>
                                <div class="bar-box w-100">
                                    <span>SEO Strategy</span>
                                    <div class="progress rounded-pill position-relative w-100"><div class="progress-bar grad-bg5 rounded-pill w-40 position-relative"><span class="position-absolute text-color17">40%</span></div></div>
                                </div>
                                <div class="bar-box w-100">
                                    <span>UI/UX Design</span>
                                    <div class="progress rounded-pill position-relative w-100"><div class="progress-bar grad-bg5 rounded-pill w-90 position-relative"><span class="position-absolute text-color17">90%</span></div></div>
                                </div>
                                <div class="bar-box w-100">
                                    <span>Management</span>
                                    <div class="progress rounded-pill position-relative w-100"><div class="progress-bar grad-bg5 rounded-pill w-70 position-relative"><span class="position-absolute text-color17">70%</span></div></div>
                                </div>
                            </div>
                        </div><!-- Content Wrap -->
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 position-relative">
            <div class="container">
                <div class="devider bg-color25 mt-20 mb-80 w-100"></div>
                <div class="content-wrap position-relative w-100">
                    <h1>Buttons</h1>
                    <div class="row">
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="content-inner mb-40 w-100">
                                <a class="thm-btn lrg-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Large Button</a><br>
                                <a class="thm-btn mdl-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Middle Button</a><br>
                                <a class="thm-btn sml-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Small Button</a>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="content-inner mb-40 w-100">
                                <a class="thm-btn v2 lrg-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Large Button</a><br>
                                <a class="thm-btn v2 mdl-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Middle Button</a><br>
                                <a class="thm-btn v2 sml-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Small Button</a>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="content-inner mb-40 w-100">
                                <a class="thm-btn v3 lrg-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Large Button</a><br>
                                <a class="thm-btn v3 mdl-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Middle Button</a><br>
                                <a class="thm-btn v3 sml-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Small Button</a>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="content-inner mb-40 w-100">
                                <a class="thm-btn brd-btn lrg-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Large Button</a><br>
                                <a class="thm-btn brd-btn mdl-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Middle Button</a><br>
                                <a class="thm-btn brd-btn sml-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Small Button</a>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="content-inner mb-40 w-100">
                                <a class="thm-btn v2 brd-btn lrg-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Large Button</a><br>
                                <a class="thm-btn v2 brd-btn mdl-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Middle Button</a><br>
                                <a class="thm-btn v2 brd-btn sml-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Small Button</a>
                            </div>
                        </div>
                        <div class="col-md-6 col-sm-6 col-lg-4">
                            <div class="content-inner mb-40 w-100">
                                <a class="thm-btn v3 brd-btn lrg-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Large Button</a><br>
                                <a class="thm-btn v3 brd-btn mdl-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Middle Button</a><br>
                                <a class="thm-btn v3 brd-btn sml-btn d-inline-block rounded-pill" href="javascript:void(0);" title="">Small Button</a>
                            </div>
                        </div>
                    </div>
                </div><!-- Content Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 position-relative">
            <div class="container">
                <div class="devider bg-color25 mt-50 mb-80 w-100"></div>
                <div class="content-wrap position-relative w-100">
                    <h1>Gallery</h1>
                    <ul class="gal-caro mb-0 list-unstyled">
                        <li>
                            <div class="gal-img brd-rd15 overflow-hidden w-100"><a href="assets/images/resources/post-img1-5.jpg" title="" data-fancybox="gallery"><img class="img-fluid w-100" src="assets/images/resources/post-img1-5.jpg" alt="Gallery Image 1"></a></div>
                        </li>
                        <li>
                            <div class="gal-img brd-rd15 overflow-hidden w-100"><a href="assets/images/resources/post-img1-6.jpg" title="" data-fancybox="gallery"><img class="img-fluid w-100" src="assets/images/resources/post-img1-6.jpg" alt="Gallery Image 2"></a></div>
                        </li>
                        <li>
                            <div class="gal-img brd-rd15 overflow-hidden w-100"><a href="assets/images/resources/post-img1-7.jpg" title="" data-fancybox="gallery"><img class="img-fluid w-100" src="assets/images/resources/post-img1-7.jpg" alt="Gallery Image 3"></a></div>
                        </li>
                        <li>
                            <div class="gal-img brd-rd15 overflow-hidden w-100"><a href="assets/images/resources/post-img1-8.jpg" title="" data-fancybox="gallery"><img class="img-fluid w-100" src="assets/images/resources/post-img1-8.jpg" alt="Gallery Image 4"></a></div>
                        </li>
                    </ul>
                    <ul class="gal-caro2 mt-70 mb-0 list-unstyled">
                        <li>
                            <div class="gal-img brd-rd15 overflow-hidden w-100"><a href="assets/images/resources/post-img1-5.jpg" title="" data-fancybox="gallery"><img class="img-fluid w-100" src="assets/images/resources/post-img1-5.jpg" alt="Gallery Image 1"></a></div>
                        </li>
                        <li>
                            <div class="gal-img brd-rd15 overflow-hidden w-100"><a href="assets/images/resources/post-img1-6.jpg" title="" data-fancybox="gallery"><img class="img-fluid w-100" src="assets/images/resources/post-img1-6.jpg" alt="Gallery Image 2"></a></div>
                        </li>
                        <li>
                            <div class="gal-img brd-rd15 overflow-hidden w-100"><a href="assets/images/resources/post-img1-7.jpg" title="" data-fancybox="gallery"><img class="img-fluid w-100" src="assets/images/resources/post-img1-7.jpg" alt="Gallery Image 3"></a></div>
                        </li>
                        <li>
                            <div class="gal-img brd-rd15 overflow-hidden w-100"><a href="assets/images/resources/post-img1-8.jpg" title="" data-fancybox="gallery"><img class="img-fluid w-100" src="assets/images/resources/post-img1-8.jpg" alt="Gallery Image 4"></a></div>
                        </li>
                    </ul>
                </div><!-- Content Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 position-relative">
            <div class="container">
                <div class="devider bg-color25 mt-70 mb-80 w-100"></div>
                <div class="content-wrap position-relative w-100">
                    <h1>Video</h1>
                    <div class="video-box brd-rd15 w-100"><iframe class="d-block" title="Cheap SEO Services For Small Businesses - SEO Rank My Business" src="https://player.vimeo.com/video/214162786?dnt=1&app_id=122963" height="658" width="1170"></iframe></div>
                </div><!-- Content Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 position-relative">
            <div class="container">
                <div class="devider bg-color25 mt-80 mb-70 w-100"></div>
                <div class="content-wrap position-relative w-100">
                    <h1>Pie Chart</h1>
                    <div class="analys-wrap text-center w-100">
                        <div class="row">
                            <div class="col-md-6 col-sm-6 col-lg-3">
                                <div class="analys-box w-100 mb-30">
                                    <div id="analys11" class="analys-bar"><span></span></div>
                                    <div class="analys-info">
                                        <h3 class="mb-0">Marketing Strategy</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-3">
                                <div class="analys-box w-100 mb-30">
                                    <div id="analys22" class="analys-bar"><span></span></div>
                                    <div class="analys-info">
                                        <h3 class="mb-0">Motion & Video</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-3">
                                <div class="analys-box w-100 mb-30">
                                    <div id="analys33" class="analys-bar"><span></span></div>
                                    <div class="analys-info">
                                        <h3 class="mb-0">SEO Optimization</h3>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-3">
                                <div class="analys-box w-100 mb-30">
                                    <div id="analys44" class="analys-bar"><span></span></div>
                                    <div class="analys-info">
                                        <h3 class="mb-0">UI/UX Design</h3>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- Analysis Wrap -->
                </div><!-- Content Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 position-relative">
            <div class="container">
                <div class="devider bg-color25 mt-40 mb-70 w-100"></div>
                <div class="content-wrap position-relative w-100">
                    <h1>Banners</h1>
                    <div class="banners-wrap position-relative w-100">
                        <div class="row mrg30">
                            <div class="col-md-6 col-sm-12 col-lg-4">
                                <div class="banner-box bannerstyle1 brd-rd15 d-flex flex-wrap align-items-center overflow-hidden position-relative w-100" style="background-image: url(assets/images/banner-bg1.jpg);">
                                    <div class="banner-info text-white">
                                        <h3 class="mb-0">Element <br> Examples <i class="btm-ln bg-white"></i></h3>
                                        <p class="mb-0">Lorem ipsum dolor sit amet consectetur</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12 col-lg-4">
                                <div class="banner-box bannerstyle2 brd-rd15 text-center justify-content-center d-flex flex-wrap align-items-center overflow-hidden position-relative w-100" style="background-image: url(assets/images/banner-bg2.jpg);">
                                    <div class="banner-info text-white">
                                        <h3 class="mb-0">Element <br> Examples</h3>
                                        <a class="thm-btn rounded-pill d-inline-block" href="javascript:void(0);" title="">Read More</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-12 col-lg-4">
                                <div class="banner-box bannerstyle3 brd-rd15 text-end justify-content-end d-flex flex-wrap align-items-center overflow-hidden position-relative w-100" style="background-image: url(assets/images/banner-bg3.jpg);">
                                    <div class="banner-info text-white">
                                        <h3 class="mb-0">Element <br> Examples</h3>
                                        <a class="thm-btn rounded-pill d-inline-block" href="javascript:void(0);" title="">Read More</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12 col-lg-12">
                                <div class="banner-box bannerstyle4 brd-rd15 justify-content-between d-flex flex-wrap align-items-center overflow-hidden position-relative w-100" style="background-image: url(assets/images/banner-bg4.jpg);">
                                    <div class="banner-info text-white">
                                        <h2 class="mb-0">Call to Action <i class="btm-ln bg-white"></i></h2>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur elit eiusmod tempor incididunt ut labore dolore magna aliqua</p>
                                    </div>
                                    <div class="banner-btn">
                                        <a class="thm-btn rounded-pill d-inline-block" href="javascript:void(0);" title="">Read More</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12 col-lg-12">
                                <div class="banner-box bannerstyle5 brd-rd15 text-center justify-content-center d-flex flex-wrap align-items-center overflow-hidden position-relative w-100" style="background-image: url(assets/images/banner-bg5.jpg);">
                                    <div class="banner-info text-white">
                                        <h2 class="mb-0">Call to Action</h2>
                                        <a class="thm-btn rounded-pill d-inline-block" href="javascript:void(0);" title="">Read More</a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-12 col-sm-12 col-lg-12">
                                <div class="banner-box bannerstyle4 brd-rd15 justify-content-between d-flex flex-wrap align-items-center overflow-hidden position-relative w-100" style="background-image: url(assets/images/banner-bg6.jpg);">
                                    <div class="banner-info text-white text-md-end order-md-1">
                                        <h2 class="mb-0">Call to Action <i class="btm-ln bg-white"></i></h2>
                                        <p class="mb-0">Lorem ipsum dolor sit amet, consectetur elit eiusmod tempor incididunt ut labore dolore magna aliqua</p>
                                    </div>
                                    <div class="banner-btn">
                                        <a class="thm-btn rounded-pill d-inline-block" href="javascript:void(0);" title="">Read More</a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- Banners Wrap -->
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 position-relative">
            <div class="container">
                <div class="devider bg-color25 mt-40 mb-70 w-100"></div>
                <div class="content-wrap position-relative w-100">
                    <h1>Testimonials</h1>
                    <div class="testi-wrap position-relative w-100">
                        <div class="row testi-caro2">
                            <div class="col-md-6 col-sm-6 col-lg-6">
                                <div class="testi-box position-relative text-center w-100">
                                    <div class="testi-img d-inline-block overflow-hidden rounded-circle"><img class="img-fluid d-inline-block rounded-circle" src="assets/images/resources/testi-img1-1.jpg" alt="Testimonial Image 1"></div>
                                    <div class="testi-info w-100">
                                        <h5 class="mb-0">Matthew Doe</h5>
                                        <span class="d-block">Growth specialist, Uder</span>
                                    </div>
                                    <p class="mb-0">Maecenas vel nibh consequat, feugiat dui at, maximus arcu. Suspendisse ipsum nisi, suscipit vulputate nec.</p>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-6">
                                <div class="testi-box position-relative text-center w-100">
                                    <div class="testi-img d-inline-block overflow-hidden rounded-circle"><img class="img-fluid d-inline-block rounded-circle" src="assets/images/resources/testi-img1-2.jpg" alt="Testimonial Image 2"></div>
                                    <div class="testi-info w-100">
                                        <h5 class="mb-0">Emma Doe</h5>
                                        <span class="d-block">Account manager, Ados</span>
                                    </div>
                                    <p class="mb-0">Maecenas vel nibh consequat, feugiat dui at, maximus arcu. Suspendisse ipsum nisi, suscipit vulputate nec.</p>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-6">
                                <div class="testi-box position-relative text-center w-100">
                                    <div class="testi-img d-inline-block overflow-hidden rounded-circle"><img class="img-fluid d-inline-block rounded-circle" src="assets/images/resources/testi-img1-3.jpg" alt="Testimonial Image 3"></div>
                                    <div class="testi-info w-100">
                                        <h5 class="mb-0">Jane Doe</h5>
                                        <span class="d-block">Account manager, Ados</span>
                                    </div>
                                    <p class="mb-0">Maecenas vel nibh consequat, feugiat dui at, maximus arcu. Suspendisse ipsum nisi, suscipit vulputate nec.</p>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-6">
                                <div class="testi-box position-relative text-center w-100">
                                    <div class="testi-img d-inline-block overflow-hidden rounded-circle"><img class="img-fluid d-inline-block rounded-circle" src="assets/images/resources/testi-img1-4.jpg" alt="Testimonial Image 4"></div>
                                    <div class="testi-info w-100">
                                        <h5 class="mb-0">Peter Doe</h5>
                                        <span class="d-block">SEO</span>
                                    </div>
                                    <p class="mb-0">Maecenas vel nibh consequat, feugiat dui at, maximus arcu. Suspendisse ipsum nisi, suscipit vulputate nec.</p>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-6 col-lg-6">
                                <div class="testi-box position-relative text-center w-100">
                                    <div class="testi-img d-inline-block overflow-hidden rounded-circle"><img class="img-fluid d-inline-block rounded-circle" src="assets/images/resources/testi-img1-5.jpg" alt="Testimonial Image 5"></div>
                                    <div class="testi-info w-100">
                                        <h5 class="mb-0">Matthew Doe</h5>
                                        <span class="d-block">Account Manager, Ados</span>
                                    </div>
                                    <p class="mb-0">Maecenas vel nibh consequat, feugiat dui at, maximus arcu. Suspendisse ipsum nisi, suscipit vulputate nec.</p>
                                </div>
                            </div>
                        </div>
                    </div><!-- Testimonials Wrap -->
                </div><!-- Content Wrap -->
            </div>
        </div>
    </section>
    <section>
        <div class="w-100 pt-70 pb-100 position-relative">
            <div class="container">
                <div class="devider bg-color25 mb-70 w-100"></div>
                <div class="content-wrap position-relative w-100">
                    <h1>Roadmap</h1>
                    <div class="roadmap-wrap d-flex flex-wrap justify-content-center w-100">
                        <div class="roadmap-inner">
                            <div class="roadmap-item v2 rev position-relative d-flex flex-wrap align-items-center justify-content-between w-100">
                                <div class="roadmap-item-mckp">
                                    <svg xmlns="http://www.w3.org/2000/svg"><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></svg>
                                    <i>
                                        <svg class="analytics.svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 501.551 501.551" style="enable-background:new 0 0 501.551 501.551;" xml:space="preserve">
<rect class="rbsvgi_0" x="26.122" y="56.424" style="fill:#F2F2F2;" width="449.306" height="296.751"></rect>
                                            <path class="rbsvgi_1" style="fill:#E4EAEF;" d="M475.429,56.424v15.673c-1.045,0-1.045,0-2.09,0H28.212c-1.045,0-1.045,0-2.09,0V56.424H475.429z"></path>
                                            <path class="rbsvgi_2" style="fill:#40596B;" d="M195.396,156.735c0,17.763-6.269,33.437-16.718,45.975c-13.584,16.718-34.482,28.212-57.469,28.212 c-40.751,0-74.188-33.437-74.188-74.188s33.437-74.188,74.188-74.188S195.396,115.984,195.396,156.735z"></path>
                                            <path class="rbsvgi_3" style="fill:#FFD15C;" d="M195.396,156.735h-74.188V82.547C161.959,82.547,195.396,115.984,195.396,156.735z"></path>
                                            <path class="rbsvgi_4" style="fill:#ACB3BA;" d="M195.396,156.735c0,17.763-6.269,33.437-16.718,45.975l-57.469-45.975H195.396z"></path>
                                            <rect class="rbsvgi_5" x="399.151" y="159.869" style="fill:#4CDBC4;" width="24.033" height="135.837"></rect>
                                            <rect class="rbsvgi_6" x="352.131" y="188.082" style="fill:#84DBFF;" width="24.033" height="108.669"></rect>
                                            <rect class="rbsvgi_7" x="306.155" y="216.294" style="fill:#FFD05C;" width="24.033" height="79.412"></rect>
                                            <rect class="rbsvgi_8" x="260.18" y="153.6" style="fill:#F2705B;" width="24.033" height="142.106"></rect>
                                            <rect class="rbsvgi_9" x="213.159" y="246.596" style="fill:#84DBFF;" width="24.033" height="49.11"></rect>
                                            <rect class="rbsvgi_10" x="181.812" y="308.245" style="fill:#3DC9AE;" width="272.718" height="24.033"></rect>
                                            <polygon class="rbsvgi_11" style="fill:#FFD15C;" points="240.327,360.49 214.204,424.229 181.812,501.551 118.073,501.551 149.42,424.229 176.588,360.49 "></polygon>
                                            <polygon class="rbsvgi_12" style="fill:#FFD15C;" points="383.478,501.551 319.739,501.551 287.347,424.229 261.224,360.49 324.963,360.49 352.131,424.229 "></polygon>
                                            <polygon class="rbsvgi_13" style="fill:#F8B64C;" points="176.588,360.49 240.327,360.49 214.204,424.229 149.42,424.229 "></polygon>
                                            <polygon class="rbsvgi_14" style="fill:#F8B64C;" points="352.131,424.229 287.347,424.229 261.224,360.49 324.963,360.49 "></polygon>
                                            <path class="rbsvgi_15" style="fill:#FF7058;" d="M28.212,56.424h445.126c15.673,0,28.212-12.539,28.212-28.212S489.012,0,473.339,0H28.212 C12.539,0,0,12.539,0,28.212S12.539,56.424,28.212,56.424z"></path>
                                            <path class="rbsvgi_16" style="fill:#FF7058;" d="M473.339,353.176H28.212C12.539,353.176,0,365.714,0,381.388C0,397.061,12.539,409.6,28.212,409.6 h445.126c15.673,0,28.212-12.539,28.212-28.212C501.551,365.714,489.012,353.176,473.339,353.176z"></path></svg>
                                    </i>
                                </div>
                                <div class="roadmap-item-info">
                                    <strong class="text-color9">01</strong>
                                    <div class="roadmap-item-info-inner">
                                        <h3 class="mb-0">Strategy</h3>
                                        <p class="mb-0">Ipsum dolor sit amet, consectetur adipiscing elit vestibulum ut nunc et enim.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="roadmap-item v2 position-relative d-flex flex-wrap align-items-center justify-content-between w-100">
                                <div class="roadmap-item-mckp">
                                    <svg xmlns="http://www.w3.org/2000/svg"><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></svg>
                                    <i>
                                        <svg class="layout.svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path class="rbsvgi_0" style="fill:#9BAAAB;" d="M446.638,153.6c-13.515,0-24.511,10.996-24.511,24.511v254.366H279.421v-80.068 c0-13.515-10.996-24.511-24.511-24.511c-13.515,0-24.511,10.996-24.511,24.511v80.068H83.336V285.413h62.638 c13.515,0,24.511-10.996,24.511-24.511c0-13.515-10.996-24.511-24.511-24.511H83.336V98.043h236.936 c13.515,0,24.511-10.996,24.511-24.511s-10.996-24.511-24.511-24.511H58.825c-13.515,0-24.511,10.996-24.511,24.511v383.455 c0,13.515,10.996,24.511,24.511,24.511h387.813c13.515,0,24.511-10.996,24.511-24.511V178.111 C471.149,164.596,460.153,153.6,446.638,153.6z"></path>
                                            <path class="rbsvgi_1" style="fill:#687F82;" d="M446.638,153.6c-13.515,0-24.511,10.996-24.511,24.511v254.366H279.421v-80.068 c0-13.515-10.996-24.511-24.511-24.511c-13.515,0-24.511,10.996-24.511,24.511v80.068H83.336v-8.715l-45.634,45.634 c4.266,7.234,12.135,12.102,21.124,12.102h387.813c13.515,0,24.511-10.996,24.511-24.511V178.111 C471.149,164.596,460.153,153.6,446.638,153.6z"></path>
                                            <path class="rbsvgi_2" style="fill:#FD6A33;" d="M450.995,401.974c-30.334,0-55.013,24.678-55.013,55.013S420.661,512,450.995,512 s55.013-24.678,55.013-55.013S481.33,401.974,450.995,401.974z"></path>
                                            <path class="rbsvgi_3" style="fill:#FD6A33;" d="M93.576,413.522l-77.127,77.127C26.521,503.625,42.254,512,59.915,512 c30.334,0,55.013-24.678,55.013-55.013C114.927,439.326,106.552,423.594,93.576,413.522z"></path>
                                            <path class="rbsvgi_4" style="fill:#FF8C29;" d="M59.915,401.974c-30.334,0-55.013,24.678-55.013,55.013S29.58,512,59.915,512 s55.013-24.678,55.013-55.013S90.249,401.974,59.915,401.974z"></path>
                                            <path class="rbsvgi_5" style="fill:#FF8C29;" d="M59.915,17.43c-30.334,0-55.013,24.678-55.013,55.013s24.678,55.013,55.013,55.013 s55.013-24.678,55.013-55.013S90.249,17.43,59.915,17.43z"></path>
                                            <path class="rbsvgi_6" style="fill:#4ACFD9;" d="M504.705,45.529L461.569,2.392C460.036,0.861,457.958,0,455.79,0c-2.167,0-4.245,0.862-5.778,2.394 L253.664,198.84l-43.189,43.189c-0.897,0.898-1.572,1.99-1.974,3.194l-21.568,64.706c-0.978,2.936-0.215,6.173,1.974,8.362 c1.558,1.557,3.646,2.392,5.779,2.392c0.864,0,1.736-0.137,2.583-0.419l64.704-21.568c1.204-0.401,2.295-1.076,3.194-1.974 L373.008,188.88c0.146-0.146,0.284-0.295,0.416-0.449l131.282-131.35C507.895,53.892,507.894,48.72,504.705,45.529z"></path>
                                            <path class="rbsvgi_7" style="fill:#0295AA;" d="M482.592,23.416L188.354,317.655c0.176,0.217,0.352,0.436,0.552,0.636 c1.558,1.557,3.646,2.392,5.779,2.392c0.864,0,1.736-0.137,2.583-0.419l64.704-21.568c1.204-0.401,2.295-1.076,3.194-1.974 L373.007,188.88c0.146-0.146,0.284-0.295,0.416-0.449l131.283-131.35c3.19-3.191,3.189-8.363-0.001-11.553L482.592,23.416z"></path>
                                            <path class="rbsvgi_8" style="fill:#FFD1A9;" d="M208.501,245.223l-21.568,64.706c-0.978,2.936-0.215,6.173,1.974,8.362 c1.558,1.557,3.646,2.392,5.779,2.392c0.864,0,1.736-0.137,2.583-0.419l64.704-21.568c2.686-0.895,4.717-3.118,5.368-5.874 l-52.965-52.967C211.619,240.506,209.397,242.538,208.501,245.223z"></path>
                                            <path class="rbsvgi_9" style="fill:#365558;" d="M181.272,333.996c-2.09,0-4.182-0.797-5.778-2.392c-3.191-3.192-3.191-8.364,0-11.555l13.072-13.072 c3.192-3.19,8.364-3.19,11.555,0c3.191,3.192,3.191,8.364,0,11.555l-13.072,13.072C185.454,333.198,183.362,333.996,181.272,333.996 z"></path></svg>
                                    </i>
                                </div>
                                <div class="roadmap-item-info">
                                    <strong class="text-color9">02</strong>
                                    <div class="roadmap-item-info-inner">
                                        <h3 class="mb-0">Design</h3>
                                        <p class="mb-0">Ipsum dolor sit amet, consectetur adipiscing elit vestibulum ut nunc et enim.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="roadmap-item v2 rev position-relative d-flex flex-wrap align-items-center justify-content-between w-100">
                                <div class="roadmap-item-mckp">
                                    <svg xmlns="http://www.w3.org/2000/svg"><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></svg>
                                    <i>
                                        <svg class="map.svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
<path class="rbsvgi_0" style="fill:#B0D3F0;" d="M512,44.138v423.724c-0.009,24.373-19.765,44.129-44.138,44.138H44.138 C19.765,511.991,0.009,492.235,0,467.862V44.138C0,19.761,19.761,0,44.138,0s44.138,19.761,44.138,44.138v8.828h335.448v-8.828 C423.724,19.761,443.485,0,467.862,0S512,19.761,512,44.138z"></path>
                                            <path class="rbsvgi_1" style="fill:#71C285;" d="M88.276,44.138v423.724c0-24.377-19.761-44.138-44.138-44.138S0,443.485,0,467.862V44.138 C0,19.761,19.761,0,44.138,0S88.276,19.761,88.276,44.138z"></path>
                                            <path class="rbsvgi_2" style="fill:#71C285;" d="M512,44.138v423.724c0-24.377-19.761-44.138-44.138-44.138s-44.138,19.761-44.138,44.138V44.138 C423.724,19.761,443.485,0,467.862,0S512,19.761,512,44.138z"></path>
                                            <path class="rbsvgi_3" style="fill:#4482C3;" d="M141.241,291.31V512H44.138C19.761,512,0,492.239,0,467.862s19.761-44.138,44.138-44.138 s44.138,19.761,44.138,44.138V291.31H141.241z"></path>
                                            <rect class="rbsvgi_4" x="185.379" y="291.31" style="fill:#46B29D;" width="141.241" height="220.69"></rect>
                                            <path class="rbsvgi_5" style="fill:#4482C3;" d="M512,467.862c-0.009,24.373-19.765,44.129-44.138,44.138h-97.103V291.31h52.966v176.552 c0-24.377,19.761-44.138,44.138-44.138S512,443.485,512,467.862z"></path>
                                            <rect class="rbsvgi_6" x="370.759" y="52.966" style="fill:#46B29D;" width="52.966" height="194.207"></rect>
                                            <rect class="rbsvgi_7" x="185.379" y="52.966" style="fill:#4482C3;" width="141.241" height="194.207"></rect>
                                            <rect class="rbsvgi_8" x="88.276" y="52.966" style="fill:#46B29D;" width="52.966" height="194.207"></rect>
                                            <polygon class="rbsvgi_9" style="fill:#71C285;" points="423.724,247.172 423.724,291.31 370.759,291.31 370.759,512 326.621,512 326.621,291.31 185.379,291.31 185.379,512 141.241,512 141.241,291.31 88.276,291.31 88.276,247.172 141.241,247.172 141.241,52.966 185.379,52.966 185.379,247.172 326.621,247.172 326.621,52.966 370.759,52.966 370.759,247.172 "></polygon>
                                            <polygon class="rbsvgi_10" style="fill:#ECF0F1;" points="423.724,247.172 423.724,291.31 370.759,291.31 370.759,512 326.621,512 326.621,291.31 185.379,291.31 185.379,512 141.241,512 141.241,291.31 88.276,291.31 88.276,247.172 141.241,247.172 141.241,52.966 185.379,52.966 185.379,247.172 326.621,247.172 326.621,52.966 370.759,52.966 370.759,247.172 "></polygon>
                                            <rect class="rbsvgi_11" x="88.276" y="247.172" style="fill:#F3D55B;" width="335.448" height="44.138"></rect></svg>
                                    </i>
                                </div>
                                <div class="roadmap-item-info">
                                    <strong class="text-color9">03</strong>
                                    <div class="roadmap-item-info-inner">
                                        <h3 class="mb-0">Develop</h3>
                                        <p class="mb-0">Ipsum dolor sit amet, consectetur adipiscing elit vestibulum ut nunc et enim.</p>
                                    </div>
                                </div>
                            </div>
                            <div class="roadmap-item v2 position-relative d-flex flex-wrap align-items-center justify-content-between w-100">
                                <div class="roadmap-item-mckp">
                                    <svg xmlns="http://www.w3.org/2000/svg"><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></svg>
                                    <i>
                                        <svg class="email.svg" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 502.073 502.073" style="enable-background:new 0 0 502.073 502.073;" xml:space="preserve">
<path class="rbsvgi_0" style="fill:#FFD15C;" d="M501.812,481.176c0,6.269-2.09,11.494-6.269,15.673c-4.18,3.135-8.359,5.224-14.629,5.224H21.159 c-5.224,0-10.449-2.09-14.629-5.224c-4.18-4.18-6.269-9.404-6.269-15.673V175.02h501.551V481.176z"></path>
                                            <path class="rbsvgi_1" style="fill:#F8B64C;" d="M495.543,496.849c-4.18,3.135-8.359,5.224-14.629,5.224H21.159c-5.224,0-10.449-2.09-14.629-5.224 l244.506-210.024L495.543,496.849z"></path>
                                            <path class="rbsvgi_2" style="fill:#40596B;" d="M501.812,175.02l-71.053,51.2L264.62,345.339c-8.359,6.269-19.853,6.269-28.212,0L71.314,226.22 l-71.053-51.2l71.053-51.2L225.959,13.061l11.494-8.359c8.359-6.269,19.853-6.269,28.212,0l11.494,8.359l74.188,53.29l36.571,26.122 l42.841,31.347L501.812,175.02z"></path>
                                            <path class="rbsvgi_3" style="fill:#F2F2F2;" d="M430.759,77.845V226.22L264.62,345.339c-8.359,6.269-19.853,6.269-28.212,0L71.314,226.22V33.959 c0-11.494,9.404-20.898,20.898-20.898h272.718L430.759,77.845z"></path>
                                            <path class="rbsvgi_4" style="fill:#CDD6E0;" d="M365.975,61.127c0,9.404,7.314,16.718,16.718,16.718h48.065l-64.784-64.784L365.975,61.127 L365.975,61.127z"></path>
                                            <path class="rbsvgi_5" style="fill:#FF7058;" d="M312.686,223.086h16.718c-5.224,11.494-13.584,19.853-25.078,26.122 c-12.539,7.314-28.212,10.449-47.02,10.449c-17.763,0-33.437-3.135-45.976-9.404c-12.539-6.269-22.988-14.629-29.257-27.167 c-6.269-11.494-9.404-25.078-9.404-38.661c0-15.673,3.135-29.257,10.449-42.841c7.314-13.584,16.718-22.988,29.257-29.257 c12.539-6.269,27.167-9.404,42.841-9.404c13.584,0,26.122,3.135,36.571,8.359c10.449,5.224,18.808,12.539,24.033,22.988 c5.224,9.404,8.359,20.898,8.359,32.392c0,13.584-4.18,26.122-12.539,37.616c-10.449,14.629-24.033,20.898-40.751,20.898 c-4.18,0-8.359-1.045-10.449-2.09c-2.09-2.09-4.18-4.18-4.18-7.314c-6.269,6.269-13.584,9.404-21.943,9.404 c-9.404,0-16.718-3.135-21.943-9.404c-6.269-6.269-9.404-14.629-9.404-25.078c0-12.539,3.135-24.033,10.449-35.527 c8.359-12.539,19.853-18.808,33.437-18.808c9.404,0,16.718,4.18,21.943,11.494l2.09-9.404h21.943l-12.539,58.514 c-1.045,4.18-1.045,6.269-1.045,7.314s0,2.09,1.045,3.135s1.045,1.045,2.09,1.045c2.09,0,6.269-2.09,10.449-5.224 c5.224-4.18,10.449-9.404,13.584-16.718c3.135-7.314,5.224-14.629,5.224-21.943c0-13.584-5.224-25.078-14.629-33.437 c-9.404-9.404-22.988-13.584-40.751-13.584c-14.629,0-27.167,3.135-37.616,9.404c-10.449,6.269-17.763,14.629-22.988,25.078 s-7.314,21.943-7.314,34.482c0,11.494,3.135,21.943,8.359,31.347c6.269,9.404,13.584,16.718,24.033,20.898 c10.449,4.18,21.943,6.269,35.527,6.269c12.539,0,24.033-2.09,33.437-5.224C299.102,235.624,306.416,230.4,312.686,223.086z M223.869,189.649c0,7.314,1.045,11.494,4.18,15.673c3.135,3.135,6.269,5.224,10.449,5.224c3.135,0,6.269-1.045,8.359-2.09 c2.09-1.045,4.18-3.135,6.269-5.224c3.135-3.135,5.225-8.359,7.314-14.629c2.09-6.269,3.135-12.539,3.135-17.763 c0-6.269-1.045-10.449-4.18-14.629c-3.135-3.135-6.269-5.224-10.449-5.224c-4.18,0-9.404,2.09-12.539,5.224 c-4.18,3.135-7.314,8.359-9.404,15.673C224.914,178.155,223.869,184.424,223.869,189.649z"></path></svg>
                                    </i>
                                </div>
                                <div class="roadmap-item-info">
                                    <strong class="text-color9">04</strong>
                                    <div class="roadmap-item-info-inner">
                                        <h3 class="mb-0">Support</h3>
                                        <p class="mb-0">Ipsum dolor sit amet, consectetur adipiscing elit vestibulum ut nunc et enim.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div><!-- Roadmap Wrap -->
                    <div class="view-all d-inline-block mt-60 w-100 text-center position-relative z2">
                        <a class="thm-btn rounded-pill d-inline-block" href="javascript:void(0);" title="">Get Started</a>
                    </div><!-- View All -->
                </div>
            </div>
        </div>
    </section>
    <footer>
        <div class="w-100 pt-40 bg-color11 position-relative">
            <div class="container">
                <div class="logo text-center w-100"><h1 class="mb-0"><a href="index.html" title="Logo"><img class="img-fluid" src="assets/images/logo@2x-white.png" alt="Logo White" height="89" width="287"></a></h1></div>
                <div class="footer-data position-relative w-100">
                    <div class="row">
                        <div class="col-md-4 col-sm-6 col-lg-4">
                            <div class="widget w-100">
                                <ul class="footer-contact-list list-unstyled mb-0 w-100">
                                    <li><i class="flaticon-telephone-auricular-with-cable"></i><a href="tel:(305) 222-3333" title="">+(305) 222-3333</a></li>
                                    <li><i class="flaticon-email"></i><a href="mailto:info@example.com" title="">info@example.com</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4">
                            <div class="widget text-center w-100">
                                <h4>Get latest SEO tips from us!</h4>
                                <div class="newsletter-wrap w-100">
                                    <form class="newsletter position-relative w-100" id="subscribe-form" method="post" action="#">
                                        <input class="rounded-pill email w-100" type="email" name="email" placeholder="Enter your email" required>
                                        <button class="thm-btn d-inline-block rounded-pill position-absolute" id="subscribe-button"><i class="flaticon-telegram"></i></button>
                                        <div class="response w-100"></div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4 col-sm-6 col-lg-4">
                            <div class="widget text-end w-100">
                                <h4>Subscribe to our social</h4>
                                <div class="social-links2 d-flex flex-wrap align-items-center justify-content-end w-100">
                                    <a href="https://www.facebook.com/" title="Facebook" target="_blank">
                                        <svg class="svg_shape" xmlns="http://www.w3.org/2000/svg"><g><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></g></svg>
                                        <i class="flaticon-facebook"></i>
                                    </a>
                                    <a href="https://twitter.com/" title="Twitter" target="_blank">
                                        <svg class="svg_shape" xmlns="http://www.w3.org/2000/svg"><g><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></g></svg>
                                        <i class="flaticon-twitter"></i>
                                    </a>
                                    <a href="https://youtube.com/" title="Youtube" target="_blank">
                                        <svg class="svg_shape" xmlns="http://www.w3.org/2000/svg"><g><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></g></svg>
                                        <i class="flaticon-youtube"></i>
                                    </a>
                                    <a href="https://linkedin.com/" title="Linkedin" target="_blank">
                                        <svg class="svg_shape" xmlns="http://www.w3.org/2000/svg"><g><path d="M54.8,1.3l35.5,20.3c3,1.7,4.8,4.8,4.8,8.2v40.6c0,3.4-1.8,6.5-4.8,8.2L54.8,98.7c-3,1.7-6.6,1.7-9.5,0 L9.8,78.5c-3-1.7-4.8-4.8-4.8-8.2V29.7c0-3.4,1.8-6.5,4.8-8.2L45.2,1.3C48.2-0.4,51.8-0.4,54.8,1.3z"></path></g></svg>
                                        <i class="flaticon-linkedin"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div><!-- Footer Data -->
            </div>
        </div>
    </footer><!-- Footer -->
    <div class="bottom-bar bg-color12 w-100">
        <div class="container">
            <div class="bottom-inner d-flex flex-wrap align-items-center justify-content-between w-100">
                <p class="mb-0">Copyright &copy; 2021 — All rights By <a href="http://www.bootstrapmb.com/">bootstrapmb</a></p>
                <p class="mb-0">We're on a mission to build a better future where technology creates good jobs for everyone.</p>
            </div>
        </div>
    </div><!-- Bottom Bar -->
</main><!-- Main Wrapper -->

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/counterup.min.js"></script>
<script src="assets/js/particles.min.js"></script>
<script src="assets/js/tilt.jquery.min.js"></script>
<script src="assets/js/jquery.fancybox.min.js"></script>
<script src="assets/js/perfect-scrollbar.min.js"></script>
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/scroll-up-bar.min.js"></script>
<script src="assets/js/circle-progress.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.1/jquery.waypoints.min.js"></script>
<script src="assets/js/custom-scripts.js"></script>
</body>
</html>